<!--
功能：错误页面的展示,
作者：RanSheng,
邮箱：1534677527@qq.com",
时间：2021/6/7 19:13,
版本：v1.0,
修改记录：,
修改内容：,
修改人员：,
修改时间：,
-->
<template>
  <div class="box">
    <el-image :src="errorUrl" class="image" fit="fill"></el-image>
    <div class="back" @click="$router.push('/home/welcome')">
      返回首页
    </div>
  </div>
</template>

<script>
export default {
  name: "Error",
  data() {
    return {
      errorUrl: require("../assets/imag/404.jpg")
    };
  },
  components: {},
  computed: {},
  mounted() {

  },
  methods: {},
  watch: {},
  destroyed() {

  },
}
</script>

<style scoped>
.image {
  width: 100%;
  height: 700px;
}

.back {
  position: absolute;
  bottom: 200px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 200px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 20px;
  background-color: #000000;
  color: #ffffff;
  cursor: pointer;
  transition: all .3s;
}

.back:hover {
  background-color: #FB7F6F;
  color: #000000;
}
</style>
